<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript学习</title>
</head>

<body>
    <!-- script引入方式 -->

    <!-- 1.行内样式 -->
    <!-- onclick="alert('haha')": 
    这个属性定义了当用户点击按钮时要执行的 JavaScript 代码。
    在这个例子中，当用户点击按钮时，会弹出一个警告对话框，显示消息“haha”。 -->
    <!-- <input type="button" value="点我⼀下" onclick="alert('haha')"> -->
    <!-- 2.内部样式 -->
    <!-- <script>
        alert("Hello World");
    </script> -->
    <!-- 3.外部样式 -->
    <script src="Test.js"></script>

    <script>
        //  变量的定义和使用 
        //  变量的定义： 
        //  1.使用var关键字定义 
        var a = 10;
        //  2.使用let关键字定义 
        let b = 20;
        //  3.使用const关键字定义 
        const c = 30;
        //  打印变量类型 
        console.log(typeof a);//number
        console.log(typeof b);//number
        console.log(typeof c);//number
        // 变量可以存放不同类型的值,类型可能发生改变
        a = "你好";
        console.log(typeof a);//string 发生数据类型的变化
    </script>


</body>

</html>